<template>
    <div class="component component--module text__block ">
        <div class="column column--primary">
            <div class="element element--textblock">
                <hr>
                <h2>{{ props.etfInbox.title }}</h2>
                <p>{{ props.etfInbox.cont }}</p>
            </div>
        </div>
    </div>
    <div class="component component--module page-btn ">
        <div class="column column--full">
            <div class="element element--button btn-left ">

                <div class="group group--buttons">
                    <router-link to="" class="btn btn--outline">Sign Up Now</router-link>
                    <p class="paragraph">{{ props.etfInbox.paragraph }} </p>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
const props = defineProps(['etfInbox'])
</script>
<style scoped lang='scss'></style>